<template>
	<view class="teampage">
		<view class="zhuanjia">
			<view class="left">
				<view class="imgbox">
					<image  :src="lingxian[0].hospitalDoctors.dAvatarUrl ? 'https://changban.dianjingkeji.net' + lingxian[0].hospitalDoctors.dAvatarUrl : 'https://changban.dianjingkeji.net/img/微信图片_20250923172704_692_133.jpg'" mode=""></image>
					
				</view>
				<view class="title">
					领衔专家
				</view>
			</view>
			<view class="infobox">
				<view class="name">
					{{lingxian[0].hospitalDoctors.dName||''}}
				</view>
				<view class="labelline">
					{{lingxian[0].hospitalDoctors.dZhicheng||''}} | {{lingxian[0].hospitalDoctors.dKeshi||''}}
				</view>
				<view class="typeline">
					<view class="type">
						{{lingxian[0].hospitalDoctors.dTouxian||''}}
					</view>
					<view class="hospitalname">
						{{lingxian[0].hospitalDoctors.orgName||''}}
					</view>
				</view>
			</view>
		</view>
		<view class="zhuanjia">
			<view class="left">
				<view class="imgbox">
					<image  :src="lianxi[0].hospitalDoctors.dAvatarUrl ? 'https://changban.dianjingkeji.net' + lianxi[0].hospitalDoctors.dAvatarUrl : 'https://changban.dianjingkeji.net/img/微信图片_20250923172704_692_133.jpg'" mode=""></image>
					
				</view>
				<view class="title1">
					联席专家
				</view>
			</view>
			<view class="infobox">
				<view class="name">
						{{lianxi[0].hospitalDoctors.dName||""}}
				</view>
				<view class="labelline">
						{{lianxi[0].hospitalDoctors.dZhicheng||""}} | {{lianxi[0].hospitalDoctors.dKeshi||''}}
				</view>
				<view class="typeline">
					<view class="type">
						{{lianxi[0].hospitalDoctors.dTouxian||''}}
					</view>
					<view class="hospitalname">
						{{lianxi[0].hospitalDoctors.orgName||''}}
					</view>
				</view>
			</view>
		</view>
		
		
		<view class="teambox">
			<view class="teamtitle">
				团队成员
			</view>
			<view class="teamline">
				<view class="item" v-for="item in shengyu" :key="item.id">
					<view class="yuan">
						<image :src="'https://changban.dianjingkeji.net'+item.hospitalDoctors.dAvatarUrl" mode=""></image>
					</view>
					<view class="work">
					   {{item.tcType==2?'主管医生':item.tcType==3?'主管护士':item.tcType==4?'6X健康管家':''}}
					</view>
				</view>
			
				<view class="item">
					<view class="yuan">
						<image src="https://changban.dianjingkeji.net/img/微信图片_20250923172704_692_133.jpg" mode=""></image>
					</view>
					<view class="work">
					    营养师
					</view>
				</view>
				<view class="item">
					<view class="yuan">
						<image src="https://changban.dianjingkeji.net/img/微信图片_20250923172704_692_133.jpg" mode=""></image>
					</view>
					<view class="work">
					    运动指导师
					</view>
				</view>
			</view>
		</view>
		
		<view class="pagetitle">
			成员列表
		</view>
		<view class="listbox">
			<view class="itemlist" v-for="item in team" :key="item.id">
				<view class="imgbox">
					<image :src="'https://changban.dianjingkeji.net'+item.hospitalDoctors.dAvatarUrl" mode=""></image>
				</view>
				<view class="infobox">
					<view class="nameline">
						<view class="name">
							{{item.hospitalDoctors.dName}}
						</view>
						<view class="listtitle">
							{{item.hospitalDoctors.dZhicheng}}
						</view>
					</view>
					<view class="hospitalline">
						<view class="hospitalname">
							{{item.hospitalDoctors.orgName}}
						</view>
						
					</view>
					<view class="hospitalline">
						<view class="leve">
							{{item.hospitalDoctors.dTouxian}}
						</view>
						
					</view>
					
					<view class="labelline">
						<view class="itemlabel">
							{{item.hospitalDoctors.dKeshi}}
						</view>
					</view>
				</view>
				<view class="type">
					{{item.hospitalDoctors.dZhicheng}}
				</view>
			</view>
		</view>
		</view>
		
</template>

<script>
	import {teamList} from '../../utils/api.js'
	export default {
		data() {
			return {
				team:[],
				lingxian:[],
				lianxi:[],
				shengyu:[]
				
			}
		},
		onLoad(e) {
	  this.memberid=e.id
	  let p={
		 phone:uni.getStorageSync('phone')
		   // phone:'18132453262'
	  }
	teamList(p).then(res=>{
		this.team=res.data.data
		this.lingxian = res.data.data.filter(item => item.tcType === 0);
		this.lianxi = res.data.data.filter(item => item.tcType === 1);
		 this.shengyu = res.data.data.filter(item => item.tcType !== 0 && item.tcType !== 1);
		 console.log(this.lingxian,this.lianxi,this.shengyu)
	})
  },
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
 .teampage{
	 width: 750rpx;
	 box-sizing: border-box;
	 padding: 20rpx;
	 background-color: whitesmoke;
	 .zhuanjia{
		 width: 100%;
		 display: flex;
		 align-items: center;
		 background-color: white;
		 .left{
			 width: 180rpx;
			 .imgbox{
				 width: 110rpx;
				 height: 110rpx;
				 border-radius: 50%;
				 margin: auto;
				 image{
					 width: 100%;
					 height: 100%;
					  border-radius: 50%;
				 }
			 }
			 .title{
				 width: 110rpx;
				 
				 height: 40rpx;
				 border-radius: 14rpx;
				 margin: 20rpx auto;
				 font-size: 22rpx;
				 color: #A97A00 ;
				 background-color: #FFF6DF;
			 }
			 .title1{
			 				 width: 110rpx;
			 				 height: 40rpx;
			 				 border-radius: 14rpx;
			 				 margin: 20rpx auto;
			 				 font-size: 22rpx;
			 				 color: #259013 ;
			 				 background-color: #F3FFEF;
			 }
		 }
		 .infobox{
			 line-height: 2;
			 .name{
				 font-weight: bold;
			 }
			 .labelline{
				 font-size: 28rpx;
				 font-weight: bold;
			 }
			 .typeline{
				 display: flex;
				 align-items: center;
				 font-size: 28rpx;
				 .type{
					  font-size: 24rpx;
					  height: 36rpx;
					  line-height: 36rpx;
					  margin-right: 20rpx;
					  padding: 0rpx 8rpx;
					  border: 1rpx solid #0099ff;
					  color: #0099ff;
					  border-radius: 10rpx;
				 }
			 }
		 }
	 }
	 .teambox{
		width: 100%;
		box-sizing: border-box;
		padding: 20rpx 0;
		border-top: 1rpx solid #0099ff;
		.teamtitle{
			font-weight: bold;
			font-size: 30rpx;
			margin: 20rpx 0;
			
		}
		.teamline{
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-evenly;
			.item{
				width: 20%;
				.yuan{
					width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
					margin: auto;
					image{
						width: 100%;
						height: 100%;
					border-radius: 50%;	
					}
				}
				.work{
					font-size: 22rpx;
					margin-top: 20rpx;
					text-align: center;
				}
			}
		}
	 }
	 .pagetitle{
		 font-weight: bold;
		 margin: 20rpx 0;
	 }
	 .listbox{
		 width: 100%;
		 .itemlist{
		 			   width: 100%;
		 			   background-color: white;
		 			   box-sizing: border-box;
		 			   display: flex;
		 			   padding:30rpx 10rpx;
		 			   border-radius: 20rpx;
		 			   position: relative;
		 			   .imgbox{
		 				   width: 100rpx;
		 				   height: 100%;
		 				   margin-right: 10rpx;
		 				   image{
		 					   width: 100rpx;
		 					   height: 100rpx;
		 					   border-radius: 50%;
		 				   }
		 				   
		 			   }
		 			   .infobox{
		 				  
		 				   line-height: 2;
		 				   .nameline{
		 					   display: flex;
		 					   align-items: center;
		 					   .name{
		 						   font-weight: bold;
		 						   margin-right: 20rpx;
		 					   }
		 					   .listtitle{
		 						  
		 						   height: 40rpx;
		 						   line-height: 40rpx;
		 						   background-color:#E4F0FF ;
		 						 
		 						   color: #1D5A9F ;
		 						   font-size: 24rpx;
		 						   text-align: center;
		 						   padding: 4rpx 10rpx;
		 						   border-radius: 10rpx;
		 					   }
		 					   .title1{
		 						   
		 						   height: 40rpx;
		 						   line-height: 40rpx;
		 						   background-color:#00B5CE ;
		 						   border: 2rpx solid #E6FCFF;
		 						   color: #00B5CE ;
		 						      padding: 4rpx 10rpx;
		 						   font-size: 24rpx;
		 						   text-align: center;
		 						   border-radius: 10rpx;
		 					   }
		 					   .title3{
		 					   						      padding: 4rpx 10rpx;
		 					   						   height: 40rpx;
		 					   						   line-height: 40rpx;
		 					   						   background-color:#E9FFE8;
		 					   						   border: 2rpx solid #4EB846;
		 					   						   color: #4EB846 ;
		 					   						   font-size: 24rpx;
		 					   						   text-align: center;
		 					   						   border-radius: 10rpx;
		 					   }
		 					   .title4{
		 					   						   
		 					   						   height: 40rpx;
		 					   						   line-height: 40rpx;
		 					   						   background-color:#FFFADF ;
		 					   						   border: 2rpx solid #B09400;
		 					   						   color:#B09400;
		 					   						      padding: 4rpx 10rpx;
		 					   						   font-size: 24rpx;
		 					   						   text-align: center;
		 					   						   border-radius: 10rpx;
		 					   }
		 				   }
		 				   .hospitalline{
		 					   display: flex;
		 					   align-items: center;
		 					   font-size: 30rpx;
		 					   .leve{
		 						 
		 						   height: 40rpx;
		 						   line-height: 40rpx;
		 						   background-color:#E6FCFF ;
		 						  
		 						   color: #00B5CE;
		 						   font-size: 24rpx;
		 						   text-align: center;
		 						   border-radius: 10rpx;
		 					   }
		 				   }
		 				   .labelline{
		 					   display: flex;
		 					   align-items: center;
		 				   }
		 				   
		 			   }
		 			   .type{
		 				   position: absolute;
		 				   right: 0;
		 				   top: 50rpx;
		 				   padding: 6rpx 10rpx;
		 				   text-align: center;
		 				   font-size: 20rpx;
		 				   font-weight: bold;
		 				   background-color:#E9E9E9;
		 				   border-top-left-radius: 10rpx;
		 				   border-bottom-left-radius: 10rpx;
		 			   }
		 }
	 }
	 
 }
</style>
